<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="/WEB-INF/tld/Paging.tld" prefix="pagingTag"%>
<%@ taglib prefix="security" uri="http://www.springframework.org/security/tags"%>
<head>
	<title>Đăng nhập</title>
	<link rel="stylesheet" type="text/css" href="<spring:url value='/resources/themes/data/css/main.css' />" />
	<link rel="stylesheet" type="text/css" href="<spring:url value='/resources/themes/data/css/login.css' />" />
	<link rel="stylesheet" type="text/css" href="<spring:url value="/resources/css/validationEngine.jquery.css" />" />
	<script type="text/javascript" src="<spring:url value="/resources/scripts/jquery172.js" />"></script>
	<script type="text/javascript" charset="utf-8" src="<spring:url value="/resources/scripts/jquery.validationEngine.js" />"></script>
	<script type="text/javascript" charset="utf-8" src="<spring:url value="/resources/scripts/jquery.validationEngine-vi.js" />"></script>
	<script type="text/javascript">
		$(function(){
		   //canh giua login
		   $("#sLeft").css("padding-left","30%");
		  //kiem tra form
		  $('form').validationEngine();
		  //end kiem tra form
	  	});
	</script>
</head>
<body>
	<section id="sWrapper">
		<jsp:include page="/WEB-INF/includes/headerData.jsp" />
       	<div id="notice" style='background-color:#333333;color:#FFFFFF;text-align:center;position: absolute;top: 250px;z-index: 1;left: 42%;font-size: 20px;height: 50px;line-height: 50px;'></div>
		<article class="main content">
			<section id="sLeft" style="padding-top: 100px;">
		          <article>
		              <h2 class="error cam">Khung đăng nhập</h2>
		          </article>
		          <article class="loginBox">
		              <form action="<spring:url value="/j_spring_security_check" />" method="post">
		                  <article>
		                          <section>
			                          <label>Tên</label>
			                              <input type="text" id="name" name="j_username" class="validate[required]" />
			                          </section>
			                          <br />
		                          <section>
		                              <label>Mật khẩu</label>
		                              <input type="password" id="pass" name="j_password" class="validate[required]" />
		                          </section>
		                          <br /><br />
		                          <section>
		                              <button class="button blue medium" id="butLogin" type="submit"><span>Đăng nhập</span></button>
		                          </section>
		                  </article>
		              </form>
		          </article>
		      </section>
	      </article>
      </section>
</body>
